<template>
  <div class="main-content-wrapper d-flex flex-column">
    <!--头部-->
    <Top/>
    <div class="content-page-box-area">
      <div class="row">
        <div class="col-lg-4">
          <router-link :to="{path: '/room/info',query:{id:1001}}">进入房间</router-link>
        </div>
      </div>
    </div>
  </div>
  <!--  底部-->
  <Footer/>
</template>

<script setup>
import {ref, reactive, onMounted} from "vue";
import axios from '@/plugins/axios.js'
import Top from "@/components/Top.vue";
import Footer from "@/components/Footer.vue";

onMounted(() => {
});
</script>

<style scoped>

</style>